{% include "header.html" %}
  <!-- Page Name -->
  <div id="page-name">
	  <div class="row">
	    <div class="twelve columns">
	      <h1>Contato</h1>
	    </div>
	  </div>
  </div>
  
  
  <!-- Main Page Content and Sidebar -->

  <div class="row">

    <!-- Page Details -->
    <section class="eight columns">
      
      <div id="comentarios">
	      
	      <div id="form-contato">
	      	<form action="/contato/" method="post">
                  {% csrf_token %}
	      		  <h4>Disco-era Remembers A Time When Romance Was Just</h4>
                  {{ form.non_field_errors }}
	      		  
		          <div class="row collapse">
		            <div class="two columns"><label class="inline">Seu nome</label></div>
		            <div class="ten columns">{{ form.nome }}{{ form.nome.errors }}
		          </div>
		          
		          <div class="row collapse">
		            <div class="two columns"><label class="inline">Seu email</label></div>
		            <div class="ten columns">{{ form.email }}
		          </div>
		
		          <label>Mensagem</label>
                      {{ form.mensagem }}{{ form.menssagens.errors }}

		          <button type="submit" class="radius button right">Enviar</button>
		  	</form>      
	      </div>
	      
      </div>

    </section>

    <!-- End Contact Details -->


    <!-- Sidebar -->
    
    <aside class="four columns">

	    <div class="row collapse">
		    <a class="button expand sidebutton"><i class="foundicon-page"></i><b>Sobre</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mauri</a>
	    </div>
	    
	    <div class="row collapse">
		    <a class="button expand sidebutton"><i class="access foundicon-question"></i><b>Dúvidas</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mauri</a>
	    </div>
	    
	    <div class="row collapse">
		    <a class="button expand sidebutton"><i class="foundicon-inbox"></i><b>Baixe a Cartilha</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mauri</a>
	    </div>
    
    </aside>

    <!-- End Sidebar -->
  </div>

  <!-- End Main Content and Sidebar -->
{% include "footer.html" %}